<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>商品页面</title>
    <link rel="stylesheet" th:href="@{../../static/css/likeFooter.css}" >
    <link rel="stylesheet" th:href="@{/static/css/TandC.css}">
    <link rel="shortcut icon" type="image/x-icon" th:href= "@{/static/img/timg.jpg}">
    <link rel="stylesheet" href="../../static/css/business_index.css">
    <link rel="stylesheet" href="../../static/css/common.css">
</head>
<body>
<!--顶部+搜索+侧边-->
<div th:include="like/likeHead :: common"></div>

<!--中间主要的部分-->
<div class="c-body">
<!--        筛选程序-->
        <div class="c-filter">
<!--            品牌-->
            <div class="c-filter-group">
                <h3 class="c-filter-h3">品牌:</h3>
                <div class="c-filter-div">
                    <ul class="c-filter-ul">
                        <li class="c-filter-li" th:each="showDate:${storeDate}">
                            <a th:href="@{'http://localhost:8080/catch2?kindStoreId='+${showDate.id}}"><img th:src="@{'../../static/img/'+${showDate.photoName}}"></a>
                        </li>
                    </ul>
                </div>

            </div>

            <div class="c-filter-group">
                <h3 class="c-filter-h3">类型:</h3>
                <div class="c-filter-div">
                    <ul>
                        <li class="c-filter-li2" th:each="kind:${kindTwo}"><a th:href="@{'http://localhost:8080/catch?twoKindId='+${kind.id}}"  th:text="${kind.goodsKindTwo}"></a></li>
                    </ul>
                </div>
            </div>
        </div>
            <div class="c-goods-inner" th:unless="${goodsList.getList()==null}" th:each="goodsDate:${goodsList.getList()}">
                <a th:href="@{'http://localhost:8080/goods/selectOneGood?goodId='+${goodsDate.id}}">
                    <div class="goods-inner-img"><img th:src="@{'./../static/img/'+${goodsDate.photoName}}"></div>
                    <h3>疯抢价 <span th:text="'¥'+${goodsDate.price}"></span></h3>
                    <p th:text="${goodsDate.name}"></p>
                </a>
            </div>
        </div>

</div>
<!--分页-->
<!--<div class="paging">-->
<!--    <ul class="pagination" >-->
<!--        <li th:class="${list.pageNum==1}"><a th:href="@{'/selectAllGoods' + ${list.pageNum-1}}">上一页</a></li>-->
<!--        <li th:if="${list.pageNum-3 >=1}" ><a th:href="@{'/selectAllGoods' + ${list.pageNum-3}}" th:text="${list.pageNum -3}" >1</a></li>-->
<!--        <li th:if="${list.pageNum-2 >=1}" ><a th:href="@{'/selectAllGoods' + ${list.pageNum-2}}" th:text="${list.pageNum -2}" >1</a></li>-->
<!--        <li th:if="${list.pageNum-1 >=1}" ><a th:href="@{'/selectAllGoods' + ${list.pageNum-1}}" th:text="${list.pageNum -1}" >1</a></li>-->
<!--        <li class="active"><a href="#" th:text="${list.pageNum}" >1</a></li>-->
<!--        <li th:if="${list.pageNum+1 <=list.navigatePages}" ><a th:href="@{'/selectAllGoods' + ${list.pageNum+1}}" th:text="${list.pageNum +1}" >1</a></li>-->
<!--        <li th:if="${list.pageNum+2 <=list.navigatePages}" ><a th:href="@{'/selectAllGoods' + ${list.pageNum+2}}" th:text="${list.pageNum +2}" >1</a></li>-->
<!--        <li th:if="${list.pageNum+3 <=list.navigatePages}" ><a th:href="@{'/selectAllGoods' + ${list.pageNum+3}}" th:text="${list.pageNum +3}" >1</a></li>-->
<!--        <li th:class="${list.pageNum==list.navigatePages}?'disabled' : ''" ><a th:href="@{'/selectAllGoods' + ${list.pageNum+1}}">下一页</a></li>-->
<!--    </ul>-->
<!--</div>-->
<!--底部-->
<div th:replace="/like/likeFooter::foot"></div>
<!--返回顶部-->
<div th:replace="/like/return-top::top"></div>

</body>
<script th:src="@{./static/js/jquery-3.3.1.min.js}"></script>
<script th:src="@{./static/js/likeFooter.js}"></script>
<script th:src="@{./static/js/common.js}"></script>
<script th:src="@{./static/js/index.js}"></script>
</html>